Now for images, I don't know which is better, either float them:

img p {
    float: right;
    clear: right;
    width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
    display: block;
    margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

@Courtny @hellohynes any thoughts on this?